---
type: tutorial
unitTitle: Zeit und Energie sparen mit wiederverwendbaren Seiten-Layouts
title: 'Wissenscheck: Lektion 4 – Layouts'
description: >-
  Tutorial: Erstelle deinen ersten Astro-Blog —
  Verwende Astro-Layouts, um gemeinsame Elemente und Styles über deine Seiten und Blog-Beiträge hinweg zu teilen
i18nReady: true
head:
  - tag: title
    content: 'Blog-Tutorial erstellen: Lektion 4 – Layouts | Docs'
---

import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';

Jetzt, da du mit Komponenten bauen kannst, ist es Zeit, eigene Layouts zu erstellen!

## Ein Blick nach vorne

In dieser Lektion erstellst du Layouts, um gemeinsame Elemente und Styles über deine Seiten und Blog-Beiträge hinweg zu teilen.

Dazu wirst du:

- Wiederverwendbare Layout-Komponenten erstellen
- Inhalte mit `<slot />` an deine Layouts übergeben
- Daten aus Markdown-Frontmatter an deine Layouts übergeben
- Mehrere Layouts verschachteln

<Box icon="check-list">

## Checkliste

<Checklist>
- [ ] Ich bin bereit, mein Seiten-Design mit Layouts auf die nächste Stufe zu bringen!
</Checklist>
</Box>
